modal windowの背景クリックを検知できない
takker-workflow@0.0.1/next-action-viewerやscrapbox-history-sliderなどで使っているmodal windowには、背景要素をクリックしても検知されないというバグが有る
これのせいで、閉じるボタンをわざわざ押さないとwindowを閉じられなくなっている
原因
Shadow DOMがeventの伝播を止めている?
このmodal windowはscrapboxのmodal windowをベースに作ったのだが、shadow domがあると使えなくなってしまうようだ?
でもscrapbox-incremental-fulltext-searchは背景クリックが反応する
同様にShadow DOMを使っているのに……
DOM構造の違いのせいだろうか?
対策
display: flex;を使ってmodal windowの位置を調節したらうまくいった
modal window実験
#2022-09-06 13:08:54